<template>
	<view>
		<view class="bg-img padding-top-xl flex align-end" :style="backageImageClass">
			<view class="padding padding-top-xl flex-sub">
				<button class="cu-btn round "
					style="float: left;height: 50px;" @tap="goPage('userAdd')">报名</button>
			</view>
		<!-- 	<view class="padding padding-top-xl flex-sub">
				<button class="cu-btn round" style="float: right;height: 50px;" @tap="goPage('login')">登录</button>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				phoneHeight: '844px',
				backageImageClass: {}
			}
		},
		mounted() {
			let that = this;
			uni.getSystemInfo({
				success: function(res) {
					console.log('测试屏幕高度');
					that.phoneHeight = res.windowHeight + 'px';
				}
			})
			that.getBackageImageClass();
		},
		methods: {
			getBackageImageClass(){
				this.backageImageClass = {
					height: this.phoneHeight,
					'background-image': "url('/static/activityZrjy/Zrjy.jpeg')"
				}
			},
			goPage(page) {
				if (!page) {
					return false;
				}
				console.log(page);
				this.$Router.push({
					name: page
				});
			},
		}
	}
</script>

<style lang="scss">

</style>
